<script setup>
const listRoutes = ['userList', 'anchorList', 'guildList']
</script>

<template>
    <div class="bestList">
        <ul class="listTab">
            <router-link v-for="(item, index) in listRoutes" :to="'/' + item" custom v-slot="{ navigate, isActive }">
                <li @click="navigate" :class="{ active: isActive }"></li>
            </router-link>
        </ul>
        <router-view />
    </div>
</template>

<style lang='scss' scoped></style>